<script setup>

import DataUPLeft from "./DataUPLeft.vue";
import DataUpRight from "./DataUpRight.vue";
</script>

<!--database viewer上半部分内容-->
<!--分为左右两部分：DataUPLeft、DataUpRight-->
<template>
  <div id="database-up">
    <el-row :gutter="5">
      <!--左边区域-->
      <el-col :span="7">
        <DataUPLeft/>
      </el-col>


      <!--右边区域-->
      <el-col :span="17">
        <DataUpRight/>
      </el-col>
    </el-row>
  </div>
</template>

<style scoped>
#database-up {
  height: 120px;
  font-size: 10px;
}
</style>